<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <title>Tri State Root Checkbox</title> 
  <script src="../closure-library/closure/goog/base.js"></script> 
  <script> 
    goog.require('goog.dom');
    goog.require('goog.events');
    goog.require('goog.ui.Checkbox');
    goog.require('goog.ui.Checkbox.State');
  </script> 
  <script src="checkbox.js"></script> 
  <link rel="stylesheet" href="css/checkbox.css"> 
</head>
<body> 
  <h1>Tri State Root Checkbox</h1> 

<div id="Klassen" class="at-least-one-checkbox"><div style="width:50px;display:inline-block;">
<label for="k421">5a</label>
<input type="checkbox" id="k421" name="klasse[]" value="421"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k431">5b</label>
<input type="checkbox" id="k431" name="klasse[]" value="431"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k441">5c</label>
<input type="checkbox" id="k441" name="klasse[]" value="441"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k451">5d</label>
<input type="checkbox" id="k451" name="klasse[]" value="451"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k461">5e</label>
<input type="checkbox" id="k461" name="klasse[]" value="461"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k471">6a</label>
<input type="checkbox" id="k471" name="klasse[]" value="471"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k481">6b</label>
<input type="checkbox" id="k481" name="klasse[]" value="481"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k491">6c</label>
<input type="checkbox" id="k491" name="klasse[]" value="491"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k501">7a</label>
<input type="checkbox" id="k501" name="klasse[]" value="501"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k511">7b</label>
<input type="checkbox" id="k511" name="klasse[]" value="511"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k521">8a</label>
<input type="checkbox" id="k521" name="klasse[]" value="521"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k531">8b</label>
<input type="checkbox" id="k531" name="klasse[]" value="531"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k541">9a</label>
<input type="checkbox" id="k541" name="klasse[]" value="541"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k551">9b</label>
<input type="checkbox" id="k551" name="klasse[]" value="551"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k561">10a</label>
<input type="checkbox" id="k561" name="klasse[]" value="561"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k571">10b</label>
<input type="checkbox" id="k571" name="klasse[]" value="571"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k581">11a</label>
<input type="checkbox" id="k581" name="klasse[]" value="581"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k591">11b</label>
<input type="checkbox" id="k591" name="klasse[]" value="591"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k601">K12</label>
<input type="checkbox" id="k601" name="klasse[]" value="601"/>
</div>

<div style="width:50px;display:inline-block;">
<label for="k611">K13</label>
<input type="checkbox" id="k611" name="klasse[]" value="611"/>
</div></div><br class="killfloat"/>

<div><span id="KlassenCheckbox" class="goog-checkbox-unchecked" title="Alle Klassen ausw&auml;hlen / abw&auml;hlen"></span>Alle Klassen ausw&auml;hlen</div>



<script>
var boxes = new moose.Klassencheckboxen("Klassen", "KlassenCheckbox", "div");
</script>
</body> 
</html> 
